<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>上报异常</title>
    <link rel="stylesheet" href="./css/Report-abnormal.css" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <!-- 时间插件开始 -->
    <link rel="stylesheet"
      href="./css/index.css?rev=ac6ed5b7b7b35822066a7c1ff4367280">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/flexible.debug.js"></script>
    <script src="./js/flexible_css.debug.js"></script>
    <script src="./js/mobileFix.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/kinerDatePicker.js"></script>
    <!-- 以上时间插件结束 -->

    <script src="./js/flexible.js"></script>
  </head>
  <body>
    <!-- 顶栏 -->
    <div class="topPreset">
      <a href="javascript:;">
        <span class="iconfont icon-xiangzuo1"></span>
      </a>
      <h2>上报异常</h2>
    </div>
    <!-- 顶部站位 -->
    <div class="zhanwei"></div>

    <!-- 内容1 -->
    <div class="content1 wrapper">
      <!-- 异常时间-->
      <div class="times">
        <!-- 左边内容 -->
        <!--时间  -->
        <div class="left">
          异常时间
        </div>
        <!-- 右边时间 -->
        <a href="javascript:;" class="right">请选择
          <span class="iconfont icon-xiangyou1"></span>
        </a>
        <!-- 时间选择 -->
        <div class="abnormalTime">
          <div class="cotent">
            <div class="text">
              <div class="kinerDatePickerInput" id="kinerDatePickerInput1"
                title="时间"
                startYear="2020" default-val="2023-1-1">请选择时间</div>
              <button class="confirm">确认</button>
              <button class="Cancel">取消</button>
            </div>

            <!-- <span>→</span>
            <div class="kinerDatePickerInput" id="kinerDatePickerInput2"
              title="结束时间"
              startYear="1950" default-val="1995-1-1">结束时间</div> -->
          </div>
        </div>
      </div>

      <!-- 上报位置-->
      <div class=" address">
        <!-- 左边内容 -->
        <div class="left">上报位置</div>
        <!-- 右边时间 -->
        <a href="javascript:;" class="right">请选择
          <span class="iconfont icon-xiangyou1"></span>
        </a>
      </div>

      <!-- 异常类型-->
      <div class="kind">
        <!-- 左边内容 -->
        <div class="left">异常类型</div>
        <!-- 右边时间 -->
        <a href="javascript:;" class="right">请选择
          <span class="iconfont icon-xiangyou1"></span>
        </a>

      </div>

      <!-- 异常描述 -->
      <div class="desc">异常描述</div>
      <!-- 请输入异常描述  -->
      <div class="text">
        <!-- maxlength限制文本框输入字数 -->
        <textarea maxlength="50" name id="textAbnor" cols="30"
          rows="10" placeholder="请输入异常描述"></textarea>
        <span class="num"><span id="num">0</span>/50</span>
      </div>
    </div>
    <!-- 类型选择 -->
    <div class="categories">
      <div class="wrapper">
        <div class="types">
          <h4>选择类型</h4>
          <span class="iconfont icon-chacha"></span>
        </div>
        <ul>
          <li>
            <label>
              <span>发动机启动困难</span>
              <input data-id="1" class="t1" title="发动机启动困难" type="checkbox"
                name="1"></label>
          </li>
          <li>
            <label>
              <span>不着车，漏油</span>
              <input title="不着车，漏油"
                data-id="2"
                type="checkbox" name="1"></label>
          </li>
          <li>
            <label>
              <span>照明失灵</span>
              <input data-id="3" title="照明失灵" type="checkbox" name="1"></label>
          </li>
          <li>
            <label>
              <span>有异常响动</span>
              <input data-id="4" title="有异常响动" type="checkbox" name="1"></label>
          </li>
          <li>
            <label>
              <span>排烟异常、温度异常</span>
              <input data-id="5" title="排烟异常、温度异常" type="checkbox" name="1"></label>

          </li>
          <li>
            <label>
              <span>其他问题</span>
              <input data-id="6" title="其他问题" type="checkbox" name="1"></label>
          </li>
        </ul>
        <button>确定</button>
      </div>

    </div>

    <!-- 上传图片 -->
    <div class="Delivery">
      <div class="wrapper">
        <!-- 用于折叠 -->
        <div class="hidedeli">
          <!-- 汇单凭证 -->
          <div class="voucher">
            <p>请拍照上传</p>
            <!-- 上传的图片 -->
            <ul>
              <li><img src="./image/收据1.png" alt>
              </li>
              <li><img src="./image/收据2.png" alt>
              </li>
            </ul>
            <div class="firm">
              <img src="./image/加号.png" alt>
            </div>
          </div>
        </div>
      </div>
    </div>
    <form action="1">
      <!-- 底部：提交 -->
      <div class="bottom ">
        <button class="btn">提交</button>
      </div>
    </form>
    <!-- 底部站位 -->
    <div class="dibuzhanwei"></div>
    <script type="module" src="./js/Report-abnormal.js"></script>
  </body>
</html>
